<script setup>
// 引入自定义导航栏组件
import GlobalStyles from './components/GlobalStyles.vue'
import Navbar from './components/Navbar.vue'
import AppFooter from './components/AppFooter.vue'
</script>

<template>
  <GlobalStyles />
  <Navbar />
  <router-view v-slot="{ Component }">
    <transition name="fade" mode="out-in">
      <component :is="Component" />
    </transition>
  </router-view>
  <AppFooter />
</template>

<style>
body {
  margin: 0;
  font-family: 'Microsoft YaHei', Arial, sans-serif;
}
</style>
